<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		 <script src="../../js/vue.min.js"></script>
	</head>
	<body>
		
<!-- v-else-if 在 2.1.0 新增，顾名思义，用作 v-if 的 else-if 块。可以链式的多次使用：：-->
			 
		<div id="app">
		    <div v-if="type === 'A'">
		      A
		    </div>
		    <div v-else-if="type === 'B'">
		      B
		    </div>
		    <div v-else-if="type === 'C'">
		      C
		    </div>
		    <div v-else>
		      Not A/B/C
		    </div>
		</div>
		    
		<script>
		new Vue({
		  el: '#app',
		  data: {
		    type: 'C'
		  }
		})
		</script>

	</body>
</html>


